<!-- Dom模板 -->
<template>
  <div>
    <!-- Dom内容 -->
    <p><input type="checkbox" name="" id="" v-model="checkbox">全选/反选</p>
    <div v-for="(item,index) in $store.state.classfy.caradd" :key="index">
        <input type="checkbox" :checked="item.checked">
        <p>{{item.group.shop}}</p>
        <p>{{item.group.introduce}}</p>
        <p>{{item.group.price}}</p>
        <div>
            <button>-</button>
            {{item.num}}
            <button>+</button>
        </div>
    </div>
    <p>{{$store.getters['classfy/ZongPrice']}}</p>
  </div>
</template>

<script>
// import a from './a'; // 引入组件
export default {
  name: 'ShopList',
  data() {
    return {
      msg: '测试'
    }
  },
  computed:{
      checkbox:{
          get(){
            return this.$store.state.classfy.caradd.every(item=>{
              return item.checked
            })
          },
          set(val){
              this.$store.state.classfy.caradd.forEach(item => {
                   item.checked = val
              });
          }
      }
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {
      
  },
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {
      console.log(this.$store.state.classfy.caradd);
  },
  // Vue方法定义
  methods: {
      
  }
}
</script>

<style scoped>
/* @import url(''); 引入css类 */

</style>